<template>
  <div class="cardbox">
    <div>
      <van-nav-bar title="七鲜超市卡"  left-arrow @click-left="$router.back()"/>
    </div>
    <div class="member-card">
      <van-image width="100%" height="150px" fit="cover" :src="cardImage"></van-image>
      <van-cell title="会员卡号" :value="cardNumber"></van-cell>
      <van-cell title="账户余额" :value="cardPoints"></van-cell>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      cardImage: 'https://p9.itc.cn/images01/20201216/695b8faa6ba94ba78ecc6807c529543e.jpeg',
      cardNumber: '1234567890',
      cardPoints: 1000
    };
  }
};
</script>

<style lang="scss"  scoped>
.cardbox {
  width: 100%;
  height: 100%;
  .member-card {
    padding: 20px;
    background: #53565d;
  }

}
</style>